<template>
	<view>
		<view>
			<view style="font-size: 36rpx;line-height: 36rpx;margin-left: 40rpx;margin-top: 40rpx;">1.土地性质？</view>

			<radio-group @change="radioChange(e)" >
			                <label v-for="(item, index) in items" :key="item.value" class="lable" @click="active(item,index)">
			                    <view>
			                        <radio :value="item.value" :checked="index === current" color="#007AFF" />
			                    </view>
			                    <view style="margin-left: 20rpx;">{{item.name}}</view>
								
			                </label>
							<view v-if="actives">124124215</view>
			</radio-group>
		</view>
		<view style="position: fixed;bottom: 0;width: 750rpx;height: 100rpx;box-shadow: 0 0 8rpx 0 rgba(0, 0, 0, 0.2);display: flex;background-color: #FFFFFF;">
			<image src="../../static/btn_thumbnail_pop@3x.png" style="width: 30rpx;height: 30rpx;margin-left: 40rpx;padding-top: 36rpx;"></image>
			<view style="font-size: 28rpx;line-height: 28rpx;margin-left: 10rpx;margin-top: 38rpx;color: #666666;">6/6</view>
			<view style="width: 20rpx;height: 20rpx;border-radius: 90rpx;background-color: #FF4D4F; margin-top: 40rpx;margin-left: 80rpx;"></view>
			<view style="font-size: 24rpx;line-height: 24rpx;margin-left: 10rpx;margin-top: 38rpx;color: #666666;">2处隐患</view>
			<button style="width: 240rpx;height: 76rpx;position: absolute;right: 20rpx;background-color: #519AFF;color: #FFFFFF;border-radius: 36rpx;margin-top: 12rpx;font-size: 36rpx;line-height: 76rpx;" @click="finish">提交</button>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				items: [{
				                    value: 'USA',
				                    name: '美国'
				                },
				                {
				                    value: 'CHN',
				                    name: '中国',
				                },
				                
				            ],
				            current: '',
							actives:false
			}
		},
		methods: {
			radioChange(e) {
				console.log(e);
			},
			active(item,index){
				console.log(item,'2222');
				console.log(index,'1111');
				if(index==0){
					this.actives=true
				}
				else{
					this.actives=false
				}
			},
			finish(){
				uni.showToast({
					title:'巡查提交成功！',
					icon:'none'
				})
			}
					
		}
	}
</script>

<style>
.lable{
	display: flex;
	margin-top: 50rpx;
	margin-left: 40rpx;
}
</style>
